// src/pages/Guide/index.tsx
// 可选的 Guide 页面组件（推荐使用）
import { useEffect, useRef } from 'react';

const Guide = () => {
  const containerRef = useRef<HTMLDivElement>(null);

  useEffect(() => {
    // 确保容器存在
    if (containerRef.current) {
      console.log('Guide 页面容器已准备，子应用将挂载到这里');
    }
  }, []);

  return (
    <div style={{ width: '100%', height: '100%' }}>
      {/* 可选：添加主应用的页面标题或导航 */}
      {/* <h1>无卡消费攻略</h1> */}
      
      {/* 子应用会挂载到这个容器 */}
      <div id="subapp-container" ref={containerRef} style={{ width: '100%', height: '100%' }}></div>
    </div>
  );
};

export default Guide;

